<template>
  <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" router
           style="position: fixed;top: 0;left: 0;right: 0; margin: 0 auto;width: 80%">
    <el-menu-item index="bvideo">视频</el-menu-item>
    <el-menu-item index="breply">评论</el-menu-item>
    <el-menu-item index="buser">用户</el-menu-item>
  </el-menu>
  <router-view></router-view>
</template>

<script setup>
import {ref} from 'vue'

const activeIndex = ref('bvideo')
</script>

<style scoped>
.el-menu-item{
  font-size: 25px;
}
.el-menu-item.is-active {
  background-color: rgb(64, 157, 253) !important;
  color: white !important;
  border-radius: 5px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
}
</style>